<template>
  <div class="home">
    <div class="home-item">
      <HomeCategory />
      <HomeScroll />
      <HomeBooksHot />
    </div>
    <BooksNew />
  </div>
</template>

<script>
import HomeCategory from "@/components/Home/HomeCategory.vue";
import HomeScroll from "@/components/HomeScroll.vue";
import HomeBooksHot from "@/components/Home/HomeBooksHot.vue";
import BooksNew from "@/components/Home/BooksNew.vue";

export default {
  name: "Home",
  components: {
    HomeCategory,
    HomeScroll,
    HomeBooksHot,
    BooksNew,
  },
};
</script>

<style scoped>
.home {
  margin-top: 10px;
}
.home-item {
  display: flex;
  justify-content: space-around;
}
</style>
